<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>snapol ajax editor</title>
<link href="/snapol/admin_template/admin.css" rel="stylesheet" type="text/css" />


<link rel="stylesheet" type="text/css" media="screen" href="/css/screen.css" />



<style type="text/css">
<!--
#toolbar {
    position:fixed;
    left:0px;
    top:140px;
    width:200px;
    height:600px;
    z-index:1;
    background-color:#D7D7FF;
}
#property {
    position:fixed;
    left:884px;
    top:140px;
    width:228px;
    height:700px;
    z-index:2;
    background-color:#D7D7FF;
    color:black;
}

#top_navigation {
    position:fixed;
    background-color:#D7D7FF;
    width:100%;
    height:100px;
    z-index:100;
    
    
}


#editor {
    position:absolute;
    width:100%;
    left:210px;
    top:140px;
    background-color:#D7D7FF;
    
}



-->
</style>

<script src="/api/jquery/jquery.js"></script>  
<script src="/api/jquery/jquery-ui.js"></script>
<script src="/snapol/js/editor.js"></script>
<script src="/snapol/ajaxEdit/wizzard.js"></script> 
<script type = "text/javascript" src = "/snapol/js/ajax_Data.js"></script>  

<script type="text/javascript" src="/api/mColorPicker/javascripts/mColorPicker.min.js"></script>
<link href = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel = "stylesheet" type = "text/css"/>

<script type="text/javascript">

function getElement() {
    
    //alert($('#editor').find('input[type]').html());
    
    $('#editor').find('*[type=submit]').each(function(index){
    //doSomething(this);
        //alert(this);
        alert($(this).attr('name'));
    });
    
}


</script>



</head>
<body>
<div id="top_navigation">
    <p><a href="/snapol/editor/compile.php">compile</a>&nbsp;
    <a href="#" onclick="getElement();">click</a> 
    
    
    
    <p><a href = "#" class = "snapol_button" onClick = "saveContent(); return false">save content</a> | 
      <a href = "#" class = "snapol_button" onClick = "">Page Property</a>
      <label>
        <input name="snapol_id2" type="hidden" id="snapol_id2" value="[get:id2]" />
      </label>
      <a href = "#" class = "snapol_button" onClick = "deleteItem(elementActiveId); return false;">l&ouml;schen</a>  |
      <a href = "#" class = "snapol_button" onClick = "deleteItem2(); return false;">l&ouml;schen2</a>  |
     
     
      
      
      
      <a href = "#" class = "snapol_button" onClick = "">duplizieren</a>  |
    
    
    <a href = "#" class = "snapol_button" onClick = "">Insert Document/Image</a>  |
    <a href = "#" class = "snapol_button" onClick = "showHtmlCodeWizzard();return false;">Insert Html code</a>  |
    <a href = "#" class = "snapol_button" onClick = "">Form Wizzard</a>  |
    
    <a href = "#" class = "snapol_button" onClick = "getDomList('editor');return false;">get DOM List</a>  |   
    
    
    
    
    <strong>[data_detail:titel]</strong></p>
</div>


<div id="toolbar" class="snapol_first_column">
  <p>Toolbar</p>
  <div com="data" id = "accordion" table="_com_group" orderby="com_group">   
    <h3><a href = "#">[com_group]</a></h3>
    <ul com="data" table="_com" where="__com_group=[id]" orderby="com">
        <li>[com] <a style="font-size: small" href="#" onclick="insertCom('[com]', 'href'); return false;">href</a>-<a style="font-size: small" href="#" onclick="insertCom('[com]', 'form'); return false;">form</a>-<a style="font-size: small" href="#" onclick="insertCom('[com]', 'body'); return false;">body</a></li>     
    </ul>
  </div>
</div>

<!--<div id="toolbar" class="snapol_column">
  <p>DOM Browser</p>
  
  <div id="dom_browser">   
  </div>
</div>-->



<div id="editor" class="snapol_column">
    [data_detail:text]<sql_value sql="select text from page where id2='[get:id2]'"></sql_value>
</div>
<div id="property" class="snapol_column">
  <p>Property</p>
  <p>&nbsp;</p>
</div>
<div id="someDiv">&nbsp;</div>



</body>
</html>
